<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
	<title>系统登录</title>
	<!-- 防止登录超时后再管理页面的iframe中显示 -->
	<script type="text/javascript">if(top != self){top.location.href = "${ctx}/manager/login";}</script>
	<script src="${ctx}/static/assets/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
	<script type="text/javascript">$.extend({"ctx": "${ctx}"});</script>
	<!--[if lt IE 8]><script>window.location.href=$.ctx+"/common/browse/";/*IE8以及IE8以下版本可识别*/</script><![endif]-->
	
	<link rel="shortcut icon" href="${ctx}/static/imgs/favicon.ico" />
	<link rel="stylesheet" href="${ctx}/static/css/login.css" />
	<link rel="stylesheet" href="${ctx}/static/assets/fontawesome/css/font-awesome.min.css" />
	<link rel="stylesheet" href="${ctx}/static/assets/fullpage/jquery.fullpage.min.css" />
	<link href="${ctx}/static/assets/iCheck/skins/minimal/_all.css" rel="stylesheet" />
	<script src="${ctx}/static/assets/iCheck/icheck.min.js"></script>
	<script src="${ctx}/static/assets/velocity/velocity.min.js"></script>
	<script src="${ctx}/static/assets/velocity/velocity.ui.js"></script>
	<script src="${ctx}/static/assets/easyui/release/jquery.jdirk.min.js"></script>
	<script type="text/javascript" src="${ctx}/static/assets/fullpage/jquery.fullpage.min.js"></script>
	<script type="text/javascript" src="${ctx}/static/js/login.js"></script>
</head> 
<body>

	<ul id="menu">
		<li data-menuanchor="login" class="active"><a href="#login">登录</a></li>
		<li data-menuanchor="iforgot"><a href="#iforgot">忘记密码</a></li>
		<li data-menuanchor="help"><a href="#help">寻求帮助</a></li>
	</ul>
	
	<div id="fullpage">
		<div class="section login">
			<div class="container">
				
				<div class="login_box">
					
					<div class="header">
						<h2><i class="fa fa-stumbleupon"></i>请输入您的登录信息</h2>
					</div>
					<div class="form_input">
						<label>
							<span class="block">
								<input type="text" class="form-control" name="account" value="${account!}" placeholder="账号" />
								<i class="fa fa-user"></i>
							</span>
						</label>
						<label>
							<span class="block">
								<input type="password" class="form-control" name="password" value="${password!}" placeholder="密码" />
								<i class="fa fa-key"></i>
							</span>
						</label>
						<label id="validBox">
							<span class="block">
								<input type="text" class="form-control validInput" name="validateCode" placeholder="验证码" />
								<img id="validateCodeImg" class="validImg" src="${ctx}/commons/validateCode">
							</span>
						</label>
						<div class="subBto">
							<div id="icheck" class="remember">
								<input id="input-2" type="checkbox" value="true" name="remember" ${remember?string('checked', '')}><label class="irl" for="input-2">记住我</label>
							</div>
							<button type="button" id="loginBtn" class="btn btn-blue"><span class="fa fa-unlock"></span><span class="txt">登录</span></button>
						</div>
						<div id="showErrorMsg" class="ajaxMsg" style="display:none;">
							<span class="fa fa-minus-circle icon"></span>
							<span id="msg" class="msg"></span>
						</div>
						
						<div class="social-or-login"> 
							<span>使用其他账号登录</span>
						</div>
						
						<div class="social-login">
							<a class="btn-danger" id="login_weibo">
								<i class="fa fa-weibo"></i>
							</a>
							<a class="btn-primary" id="login_qq">
								<i class="fa fa-qq"></i>
							</a>
							<a class="btn-info" id="login_weixin">
								<i class="fa fa-weixin"></i>
							</a>
						</div>
					</div>
					
				</div>
			
			</div>
		</div>
		<div class="section iforgot">
			<div class="container">
			
				<div class="iforgot_box">
					<div class="header">
						<h2><i class="fa fa-gg"></i>忘记密码</h2>
					</div>
					<div class="form_container">
						<div>
							<label>
								<span class="block">
									<input type="text" class="form-control" name="email" value="yhaoquan@163.com" placeholder="邮箱地址" />
									<i class="fa fa-envelope"></i>
								</span>
							</label>
							<label>
								<span class="block">
									<input type="text" class="form-control validInput" name="validateCode" placeholder="验证码" />
									<img id="iforgotValidateCodeImg" class="validImg" src="${ctx}/commons/validateCode">
								</span>
							</label>
							<div>
								<button id="iforgotClick" type="button" class="btn btn-blue"><span class="fa fa-envelope-o"></span><span class="txt">找回密码</span><span id="count"></span></button>
							</div>
							<div id="showIforgotErrorMsg" class="ajaxMsg" style="display:none">
								<span id="msg-icon" class="fa fa-minus-circle icon"></span>
								<span id="msg" class="msg"></span>
							</div>
						</div>
					</div>
					
				</div>
			
			</div>
		</div>
		<div class="section help">
			<div class="container">
				<div class="slide" id="slide1" data-anchor="slide1">
					<div class="silde_msg">
						<h2><i class="fa fa-bullhorn"></i>公告</h2>
						<div class="silde_box">
							<ul>
								<li>你好吗？</li>
								<li>还行！</li>
								<li>你不好吧？</li>
								<li>比你强...</li>
							</ul>
						</div>
					</div>
					<div class="silde_msg">
						<h2><i class="fa fa-volume-up"></i>信息列表</h2>
						<div class="silde_box">
							<ul>
								<li>.........</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="slide" id="slide2" data-anchor="slide2">
					<h1>Hey,Siri 发张图片看看</h1>
				</div>
				<div class="slide" id="slide3" data-anchor="slide3">
					<h1>找不到你想要的图片.....</h1>
				</div>
			</div>
		</div>
	</div>
	
</body>
</html>